<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>

<div class="layui-fluid" th:fragment="right2(friends,commitInfo,labelList,commitUserInfo,advertList)">
    <link rel="stylesheet" href="/css/right.css">
    <link rel="stylesheet" href="/css/comment.css">
    <link rel="stylesheet" href="/css/tag.css">
    <section class="layui-row right" style="text-align: left">
        <header class="layui-row">
            <blockquote class="layui-elem-quote" style="background-color: #ffffff;padding: 0px;text-align: left;">
                <h3 style="margin-left: 40px;">作者信息</h3></blockquote>
        </header>
        <div class="layui-row">
            <img title="作者头像" alt="作者头像" style="width: 80px;height: 80px;margin: 10px 20px;" th:src="${commitUserInfo.touxiang}">
            <h2 th:text="${commitUserInfo.author}" style="position: absolute;margin: 5px 10px;display: inline-block"></h2>
            <p style="display: inline-block;position: absolute;margin-top: 50px;">这个人太懒了啥也没写~</p>
        </div>
        <hr>
        <div class="layui-row">
            <div class="layui-row " style="font-size: 15px;color: #9e9e9e;text-align: center;">
                <span class="layui-col-md4">投稿次数</span>
                <span class="layui-col-md4">通过次数</span>
                <span class="layui-col-md4">总阅读数</span>
            </div>
            <div class="layui-row" style="font-size: 15px;color: #000000;text-align: center;margin-top: 10px;">
                <h3 class="layui-col-md4" th:text="${commitInfo.all}"></h3>
                <h3 class="layui-col-md4" th:text="${commitInfo.pass}"></h3>
                <h3 class="layui-col-md4" th:text="${commitInfo.readCount}"></h3>
            </div>
        </div>
        <div class="layui-row">
            <a class="layui-btn layui-btn-normal layui-col-md-offset5" style="margin-top: 20px;margin-bottom: 20px" th:href="'/author/'+${commitUserInfo.id}">作者主页</a>
        </div>
    </section>

<!--    <div class="layui-row right" >-->
<!--        <span class="layui-badge layui-bg-blue article-label rightBtn">本站标签</span><br>-->
<!--        <a th:each="type:${labelList}" th:href="${type.href}+'/'+${type.id}"><span class="layui-badge layui-bg-green" style="margin: 7px;padding: 5px"  th:text="${type.typeName}" ></span></a>-->
<!--    </div>-->
<!--    <section class="layui-row right2">-->
<!--        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6314049399505240"-->
<!--                crossorigin="anonymous"></script>-->
<!--        &lt;!&ndash; 文章右侧 &ndash;&gt;-->
<!--        <ins class="adsbygoogle"-->
<!--             style="display:block"-->
<!--             data-ad-client="ca-pub-6314049399505240"-->
<!--             data-ad-slot="1252806723"-->
<!--             data-ad-format="auto"-->
<!--             data-full-width-responsive="true"></ins>-->
<!--        <script>-->
<!--            (adsbygoogle = window.adsbygoogle || []).push({});-->
<!--        </script>-->
<!--    </section>-->
    <section class="layui-row right">
        <header class="layui-badge layui-bg-blue article-label rightBtn greenBtn">赚钱热词</header>
        <div class="widget2" id="divTags">
            <ul class="widget-box divTags">
                <li th:class="'divTags'+(${iterStat.index}>9?(${iterStat.index}%9):(${iterStat.index}))" th:each="hotKey,iterStat:${hotKeyList}">
                    <a th:href="'/tag/'+${hotKey.labelName}" th:text="${hotKey.labelName}"></a>
                </li>
            </ul>
        </div>
    </section>

    <section class="layui-row right">
        <header class="layui-badge layui-bg-blue article-label rightBtn">最新评论</header>
        <div class="layui-row">
            <div class="widget wow fadeInDown" id="divComments"
                     style="visibility: visible; animation-name: fadeInDown;">
                <ul class="widget-box divComments">
                    <li class="side-new-comments" th:each="c:${commentList}">
                        <strong></strong><b></b>
                        <div class="newComments-info">
                            <div class="newComments-deanxz">
                                <a th:href="@{${#httpServletRequest.getContextPath()}+'/article/'+${c.projectId}+'#'+${c.id}}" th:title="${c.userName}">
                                    <img th:alt="${c.userName}"
                                         th:src="${c.image}"></a>
                            </div>
                            <div class="newComments-text">
                                <a th:href="@{${#httpServletRequest.getContextPath()}+'/article/'+${c.projectId}+'#'+${c.id}}" th:title="${c.userName}"
                                   target="_blank" th:text="${c.content}"></a>
                            </div>
                            <div class="newComments-mary" th:title="'评论时间:'+${c.showCreateTime}">
                                <em title="用户名：抖音好物推荐" style="color: #999" th:text="${c.userName}"></em>
                                <span class="spot"></span>
                                <time style="color: #999" th:text="${c.showCreateTime}"></time>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>


    <section class="layui-row right"  th:each="advert:${advertList}">
        <header class="layui-badge layui-bg-blue article-label rightBtn">广告赞助</header>

        <div class="wxgzh">
            <img th:src="${advert.url}" width="250px" border="10px" alt="天天线报网是个专业的薅羊毛网站，每天分享最新的线报活动，带你免费薅羊毛" onclick="javascript:window.open('http://ewm.tqsjj.cn/234397');" style="margin-top: 10px">
        </div>
    </section>

    <section class="layui-row right" >
        <header class="layui-badge layui-bg-blue article-label rightBtn">友情链接</header><br>
        <a th:each="friend:${friends}" th:href="${friend.url}" target="_blank"  th:rel="${friend.isNofolow}== '1' ? 'nofollow':''">
            <span class="layui-badge layui-bg-green" style="margin: 7px;padding: 5px"  th:text="${friend.siteName}" ></span>
        </a>
    </section>


</div>

</html>